<!--<ion-header>-->
<!--   <ion-navbar>-->
<!--        <ion-title id="title"></ion-title>-->
<!--    </ion-navbar>-->
<!--</ion-header>-->

<ion-content>
    <div id="section">
        <div class="navtabs">
            <div>
                <div class="baoxiaoDiv">
                    <img src="./assets/imgs/fapiaoyanz.png">
                    <div class="baoxiaoText" id="{{'baoxiao'}}" (click)="navItem('我的报销')">我的报销</div>
                </div>
<!--                <div class="baoxiaoDesc">我的报销</div>-->
            </div>
            <div style="display: flex;flex-direction: column;align-items: center;" *ngFor="let item of navData; let i =index">
                <div class="nav" (click)="navItem(item.title)" [ngStyle]="{'background-color':item.color}">
                    <img src="{{item.src}}">
                </div>
                <div class="chooseSpan" id="{{'nav'+i}}" (click)="navItem(item.title)">{{item.title}}</div>
            </div>
        </div>
        <div class="jgLine"></div>
    </div>
    <ion-refresher (ionRefresh)="doRefresh($event)" style="margin-top: 4rem;">
        <ion-refresher-content pullingText="下拉刷新" refreshingText="刷新中..."></ion-refresher-content>
    </ion-refresher>
    <div  style="width: 100%">

        <div id="myNew">我的消息</div>

        <!--首页待办-->
        <div id="nofityScroll" >
            <div *ngIf="notifyList.length==0" style="text-align: center">
                <div >
                    <img src="assets/imgs/no-data.png" style="width: 300px;margin-top: 100px;">
                </div>
                <label style="font-size: 13px">~暂无数据~</label>

            </div>
            <div class="notify" *ngFor="let item of notifyList, let i = index" (click)="notifyHandler(item,i)">
                <div *ngIf="item.LeiXing=='0'" class="notifyLeft" >
                    <img src="assets/imgs/info-icon.png">
                </div>
                <div *ngIf="item.LeiXing !=='0'" class="notifyLeft" >
                    <img src="assets/imgs/expense-img.png">
                </div>
                <div class="notifyRight">
                    <div class="notifyTitle">
                        <div><!--<span>{{item.BiaoTiQZ}}</span>-->{{item.BiaoTi}}</div>
                    </div>
                    <div class="notifyMsg">
                        <span class="jingBanBM">{{item.ShenQingBM}}<span *ngIf="item.ShenQingBM">/</span>{{item.ShenQingR}}
                        </span>
                        <span class="time" >{{item.ShenQingSJ}}</span>
                    </div>
                </div>
            </div>
        </div>
        <div *ngIf="isEnd" class="isEnd">~已经到底了~</div>
         <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
             <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载中...">
             </ion-infinite-scroll-content>
         </ion-infinite-scroll>

    </div>
</ion-content>
